<html lang="zh-CN">

<head>
    
    <meta charset="utf-8">
    <title id='title'>个人详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1.0, user-scalable=no">
    <!-- Site CSS -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="http://static.bootcss.com/www/assets/css/site.min.css?v5" rel="stylesheet">
    <style>
    .pagination>li>a, .pagination>li>span {
    
    padding: 6px 9px;
    
}

body { padding-bottom: 100px; }
.table>tbody>tr>td { padding: 6px; border-top: 0}
    </style>
    
  </head>
  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header" id="navHead" style="padding-top: 3.5%;" align="left">
            <a href="javascipt:;" style="padding-left: 5px" align="left" onclick="history.back(-1)"><font color="#FFF"><</font></a>
           <font color="#fff" size="3" align="center" id="heading" style="padding-left:35%">个人详情</font>
          
        </div>
        
      </div>
    </div>

 
<div id='body'>
 <div class = "panel panel-defalut">
   <div class="panel-heading" style="padding-top: 10px;background-color: #f5f5f5;" align="center">
        &nbsp;
    </div>
    <table class="table">
    <div class="input-group">
      <div class="input-group-btn">
     <tr>
         <td align="align">姓名*</td><td align="left"><input type="text" class="form-control" aria-label="..." placeholder="姓名" id="name" style="width: 100%"></td>
     </tr>
     <tr>
         <td align="left" rowspan="3">学校*</td>
         <td><input type="radio" aria-label="..." name="school" value="1" id="sch1" class="radio-1"><span id="ev">华东师大</span></td>
     </tr>
     <tr>
         <td><input type="radio" aria-label="..." name="school" value="2" id="sch2" class="radio-1"><span id="jt">上海交大</span></td>
     </tr>
     <tr>
         <td id="other"><input type="radio" aria-label="..." name="school" value="3" id="sch3" class="radio-1"><span id="ot">其他</span></td>
     </tr>
     <tr>
         <td align="align">性别*</td>
         <td><input type="radio" aria-label="..." name="sex" value="1" id="se1" class="radio-2">男
         &nbsp;
         <input type="radio" aria-label="..." name="sex" value="2" id="se2" class="radio-2">女
         </td>
     </tr>
     <tr>
         <td align="align">学历*</td><td align="left"><input type="text" class="form-control" aria-label="..." placeholder="学历" id="xueli" style="width: 100%"></td>
     </tr>
     <tr>
         <td align="align">年级*</td><td align="left"><input type="text" class="form-control" aria-label="..." placeholder="年级" id="level" style="width: 100%"></td>
     </tr>
     <tr>
         <td align="align">专业*</td><td align="left"><input type="text" class="form-control" aria-label="..." placeholder="专业" id="major" style="width: 100%"></td>
     </tr>
     <tr>
         <td align="align">学号*</td><td align="left"><input type="text" class="form-control" aria-label="..." placeholder="学号" id="xuehao" style="width: 100%"></td>
     </tr>
     <tr>
         <td align="align">微信*</td><td align="left"><input type="text" class="form-control" aria-label="..." value="<?php echo $_SESSION["wechat_nick"];?>" style="width: 100%" disabled></td>
     </tr>
     <tr>
         <td align="align">手机*</td><td align="left"><input type="text" class="form-control" aria-label="..." id="phone" placeholder="手机" style="width: 100%"></td>
     </tr>

     <tr align="right"><td>&nbsp;</td>
     <td><button class="btn btn-default" style="width: 30%" id="send_phone">发送</button>
     </td>
     </tr>

     <tr>
         <td align="align">验证码</td><td align="left"><input type="text" class="form-control" placeholder="验证码" id="code" style="width: 100%"></td>
     </tr>
     </div>
     </div>
    </table>
    <div class="panel-heading" style="padding-top: 30px;background-color: #f5f5f5;" align="center">
        &nbsp;
    </div>
    <table class="table">
    <tr>
         <td align="align">昵称</td><td align="left"><input type="text" class="form-control" aria-label="..." id="nick" placeholder="昵称" style="width: 100%"></td>
     </tr>
     <tr>
         <td align="align">生日</td><td align="left"><input type="text" class="form-control" aria-label="..." id="birth" placeholder="生日" style="width: 100%"></td>
     </tr>
     <tr>
         <td align="align">家乡</td><td align="left"><input type="text" class="form-control" aria-label="..." id="homeland" placeholder="家乡" style="width: 100%"></td>
     </tr>
     <tr>
         <td align="align">情感状态</td><td align="left"><input type="text" class="form-control" aria-label="..." id="emotion" placeholder="情感状态" style="width: 100%"></td>
     </tr>
    </table>
   
 </div>
</div>	 
	


 <nav class="navbar navbar-default navbar-fixed-bottom" style="border: 0;background-color:#000">
  
    <table class='table' bordercolor= "#000" style="padding 0px;margin-bottom: 0; ">
  <tr  style="padding 0px;">
  
  <td style="padding: 12px"><div align="center"><a href="javascript:;" class="heading-mao" style="color:#9D9D9D" id="next">保存</a></div></td>
  
  </tr>
  </table>
 
</nav>

   
    
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="http://cdn.bootcss.com/unveil/1.3.0/jquery.unveil.min.js"></script>
    <script src="http://cdn.bootcss.com/scrollup/2.4.0/jquery.scrollUp.min.js"></script>
    <script src="http://cdn.bootcss.com/toc/0.3.2/toc.min.js"></script>
    <script src="http://cdn.bootcss.com/jquery.matchHeight/0.5.2/jquery.matchHeight-min.js"></script>
    <script src="http://static.bootcss.com/www/assets/js/site.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        var emotions = ['单身','热恋中','结婚','离异'];
        $.post('http://liveser.cn/new/state',
        {
          data : 1
        },
        function(data,status)
        {
          json1=eval("("+data+")");
          if(json1.flag != 0)
          {
            $('#name').val(json1.name);
            $('#sch'+json1.school).attr("checked","checked");
            $('#se'+json1.sex).attr("checked","checked");
            $('#xueli').val(json1.xueli);
            $('#level').val(json1.level);
            $('#major').val(json1.major);
            $('#xuehao').val(json1.school_num);
            $('#phone').val(json1.phone);
            $('#nick').val(json1.nick);
            $('#birth').val(json1.birth);
            $('#homeland').val(json1.homeland);
            $('#emotion').val(emotions[json1.emotion]);
          }
        });
      });

      $('#next').click(function(){

      });
      $("#sch3").click(function(){
          $("#sch1").remove();
          $("#sch2").remove();
          $("#sch3").remove();
          $("#ev").remove();
          $("#jt").remove();
          $("#ot").remove();
          $("#other").append('<input type="text" class="form-control" aria-label="..." placeholder="校名" id="sch_name" style="width: 100%">')
        });

        $("#send_phone").click(function(){
          $.post("http://liveser.cn/new/vari",
          {
            phone:$("#phone").val()
          },
          function(data,status)
          {
            alert(data);
          });
        });
        
    </script>
      


</body></html>